// 获取按钮和div元素
const btnA = document.getElementById('btnA');
const btnB = document.getElementById('btnB');
const divA = document.getElementById('divA');
const divB = document.getElementById('divB');

// 切换按钮和div的显示状态
btnA.addEventListener('click', function() {
  divA.classList.add('active');
  divB.classList.remove('active');
  btnA.classList.add('inactive-btn');
  btnA.classList.remove('active-btn');
  btnB.classList.add('active-btn');
  btnB.classList.remove('inactive-btn');
});

btnB.addEventListener('click', function() {
  divB.classList.add('active');
  divA.classList.remove('active');
  btnB.classList.add('inactive-btn');
  btnB.classList.remove('active-btn');
  btnA.classList.add('active-btn');
  btnA.classList.remove('inactive-btn');
});

$(document).ready(function() {
    // 监听 select 元素的变化
    $('#IBPSelect').change(function() {
    // 获取当前选中的 option 的值
    var selectedValue = $(this).val();
    // 隐藏所有的 div
    $('.IBPcontent').hide();
    // 根据选中的值显示对应的 div
    $('#IBPcontent' + selectedValue).show();
    });
    // 页面加载时默认显示选中的内容
    $('#IBPSelect').trigger('change');

    $('#IDSelect1').change(function (){
    var selectValue = $(this).val();
    $('.IDcontent1').hide();
    $('#IDcontent1' + selectValue).show();
    })
    $('#IDSelect1').trigger('change');

    $('#IDSelect2').change(function (){
    var selectValue = $(this).val();
    $('.IDcontent2').hide();
    $('#IDcontent2' + selectValue).show();
    })
    $('#IDSelect2').trigger('change');

    $('#SCSelect').change(function (){
        var selectedValue = $(this).val();
        if (selectedValue === "?"){
            $('.SCp').show();
        }else{
            $('.SCp').hide();
        }
    })
    $('#SCSelect').trigger('change');

});

